<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type='text/css'>
        div {
            display:inline-block;
            border-radius: 5px;

        }
        img {margin-top: 44px;
            height: 350px
            width: 408px;
            border-radius: 3%;
        }
        ul{dispaly:inline;}

        #header {
            position: relative;
            width: 97.5%;
            margin-top: 3px;
            height: 60px;
            background-color: #668284;
            margin-bottom: 10px;
        }
        #name {
            float:left;
            margin-left: 120px;
            font-size: 20px;
            font-family: Verdana, sans-serif;
            color: #ffffff;
        }
        #email{
            float:right;
            margin-right: 5px;
            padding-top: 5px;
            font-size: 16px;
            font-family: Verdana, sans-serif;
            color: #ffffff;
        }

        h4 {
            margin-left: 5px;
            margin-bottom: 15px;
            font-family: Verdana, sans-serif;
        }

        .right p {
            margin-left: 5px;
            margin-right: 5px;
            margin-top: -10px;
            font-family: Garamond, serif;
            color: #000000;
        }
        .left p{
            margin-left: 10px;
            margin-right: 10px;
            margin-top: 10px;
            font-family: Garamond serif;
            color: #000000;
        }

        li {
            font-size: 20px;
        }

        a:hover {
            font-weight: bold;
        }

        .left {
            width: 610px;
            height: 350px;
            background-color: #B9D7D9;
            margin-top: 4px;
            border-top: 20px;
        }

        .right {
            position: relative;
            float: right;
            margin-top: 50px;
            width: 610px;
            height: 350px;
            background-color: #F4EBC3;
            margin-bottom: 10px;
        }

        #footer {
            position: relative;
            height: 50px;
            background-color: #668284;
            clear: both;
            font-family: Verdana, sans-serif;
            font-size: 14px;
            text-align: center;
            color: #ffffff;
        }

        #footer p {
            position: relative;
            padding-top: 15px;
        }
    </style>
    <title></title>
</head>
<body>
<div id="header">
    <p id="name">西南科技大学</p>
    <p id="name">历史故事</p>
    <p id="name">教学资源</p>
    <p id="name">校园风景</p>
    <a href="http://www.swust.edu.cn"><p id="email"></p></a>
</div>
<div class="left">
    <p><strong>历史故事：</strong>
        <br />
        西南科技大学（Southwest University of Science and Technology）坐落于中国科技城——四川省绵阳市。
        学校是四川省人民政府与教育部共建高校，四川省人民政府与国家国防科技工业局共建高校，被教育部确定为国家西部重点建设十四所高校之一。
        原中央政治局常委，国务院副总理李岚清同志赞誉学校“共建与区域产学研联合办学”走出了一条有自己特色的办学路子。
        建校以来，学校几经搬迁，走过了创业、发展、壮大的不平凡历程。
        在深化高等教育体制改革、西部大开发和中国（绵阳）科技城建设的大背景下，
        2000年8月23日，教育部批准西南工学院与绵阳经济技术高等专科学校合并组建成立西南科技大学。
        截至2017年4月，学校校园占地4000余亩，有在校研究生、普通本专科学生、外国留学生3.4万余人。
        设有国防科技学院等17个学院（部），在工学、农学、理学、经济学、法学、文学、管理学、教育学、艺术学等9大学科门类，
        设有本科专业78个；有一级学科硕士点17个、二级学科硕士点71个，
        有硕士专业学位类别7个；有一级学科博士点3个，博士后科研流动站1个，
    有4个学科方向与中国工程物理研究院等开展联合培养博士研究生。</p>
</div>
<div>
    <img src="http://img1.gtimg.com/edu/pics/hv1/92/51/1291/83960372.jpg">
</div>
<div class="kong"></div>
<div>
    <img src="http://wiki.mdaxue.com/uploads/201208/1344588300ZXyvwQlJ.png">
</div>
<div class="right">
<h3 style="margin-left: 10px">学院分布：</h3>
    <ul style="float:left">
        <li>信息工程学院</li>
        <li>国防科技学院</li>
        <li>材料科学与工程学院</li>
        <li>计算机科学与技术学院</li>
        <li>法学院</li>
        <li>理学院</li>
        <li>文学与艺术学院</li>
    </ul>
    <ul style="float:left;margin-left: 50px">
        <li>生命科学与工程学院</li>
        <li>制造科学与工程学院</li>
        <li>环境与资源学院</li>
        <li>经济管理学院</li>
        <li>土木工程与建筑学院</li>
        <li>外国语学院</li>
        <li>马克思主义学院</li>
    </ul>
</div>
<div class="left">
    <p><strong>校园风景：</strong>
        <br />
        西南科技大学国家大学科技园已建设成为“国家技术转移示范机构”、
        “国家级科技企业孵化器”、“国家级高校学生科技创业实习基地”、“四川省大学生创新创业示范俱乐部”。
        学校是四川省全面创新改革试验定点联系高校之一，联合组建成立了“四川省军民融合研究院”，
        在国防科技人才培养、协同创新、技术转移和区域特色高端智库方面深入推进军民融合。
        学校拉美中心研究成果积极服务国家拉美战略，获得刘延东副总理充分肯定。
        学校充分发挥在环境友好能源材料、先进建筑材料、控制工程与智能系统、特殊环境机器人技术、环境安全技术、
        城市污水和固体废处理及资源化、核废物处理处置技术、农业生物质资源循环利用等科研特色和传统优势，服务经济社会发展，
        产生社会经济效益上百亿元。
    <br />
        “西南明珠出沧海，桃李春风物华新”。在新的发展征程中，学校将以“创新、协调、绿色、开放、共享”发展理念统领学校发展全局，
        始终坚持“育人为本、德育为先、科学理性、开放包容、彰显卓越”的办学理念，
        发扬“艰苦奋斗，拼搏创新”西南科大精神，践行“厚德、博学、笃行、创新”校训，为加快建成特色鲜明的高水平大学而努力奋斗！</p>
</div>
<div>
    <img src="http://www.cnr.cn/jy/eduzt/xnkjdx/xyyyxnkjdx/20170612/W020170612603348346756.jpg">
</div>
<div id="footer">
    <p>地址:四川省绵阳市青龙大道中段59号| 电话:0816-6089110| 邮编：621010 </p>
</div>
</body>
</html>